// pages/search/search.js
import { request } from '../../utils/http'
Page({

    /**
     * 页面的初始数据
     */
    data: {
        hotSearchList: [],
        prodName: "",
        recentSearch: [],
    },
    //热门搜索
    Init_hot() {
        request({
            url: "/search/hotSearchByShopId",
            data: {
                number: 10,
                shopId: 1,
                sort: 1,
            },
        }).then(hotSearchList => {
            this.setData({
                hotSearchList
            })
            // 获取历史搜索
            this.getRecentSearch();
        })
    },
    // 获取历史搜索
    getRecentSearch() {
        let recentSearch = wx.getStorageSync('recentSearch');
        this.setData({
            recentSearch
        });
    },
    //搜索提交
    toSearchProdPage() {

        if (this.data.prodName.trim()) {
            // 记录最近搜索
            let recentSearch = wx.getStorageSync('recentSearch') || [];
            recentSearch = recentSearch.filter(item => item !== this.data.prodName)
            recentSearch.unshift(this.data.prodName);
            if (recentSearch.length > 10) {
                recentSearch.pop();
            }
            wx.setStorageSync('recentSearch', recentSearch);

            // 跳转到商品列表页
            wx.navigateTo({
                url: '/pages/searchDetail/searchDetail?prodName=' + this.data.prodName,
            })
        }
    },
    //清空搜索历史
    clearSearch() {
        wx.removeStorageSync('recentSearch');
        this.getRecentSearch();
    },
    //输入商品名获取数据 || 绑定输入值
    getSearchContent(e) {
        this.setData({
            prodName: e.detail.value
        })
    },

    //点击搜素历史
    onHistSearch(e) {
        var name = e.currentTarget.dataset.name;
        this.setData({
            prodName: name
        });
        this.toSearchProdPage();
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {
        //热门搜索
        this.Init_hot()
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})